import React, { memo } from 'react'

// 引入类型：
import type { ReactNode } from 'react'

interface IProps {
	name: string
	age: number
	// 如果在父组件中传入 children，则需要在这里加入 children 项，在本组件通过 props.children 就可以使用
	// 由于传过来的 children 可能是字符串，也有可能的元素，所以类型标注为：ReactNode
	children?: ReactNode
}

// 对组件进行类型定义，FC 表示函数式组件（即：FunctionComponents）
const TestDemo: React.FC<IProps> = (props) => {
	return (
		<div>
			<div>name: {props.name}</div>
			<div>age: {props.age}</div>
		</div>
	)
}

export default memo(TestDemo)
